﻿<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>享听音乐</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
  <script type='text/javascript' src='js/jquery.js' charset='utf-8'></script>
  <script type='text/javascript' src='js/index.js' charset='utf-8'></script>
  <link rel="stylesheet" href="css/index.css">
</head>

<body>
  <div class="page">
    <!--标题-->
    <div class="title">
      <div class="logo">
          <a href="index.html">
              <img src="images/logo.png" />享听音乐</a>
      </div>
      <div class="search">
         <a href="search.html"><img src="images/search.png" /></a>
        </div>
      </div>
    </div>
    <div class="top-nav">
      <a href="#tab1">新歌</a>
      <a href="#tab2">排行</a>
      <a href="#tab3">歌单</a>
      <a href="#tab3">歌手</a>
    </div>
    <div class="banner">
      <div class="slider">
        <ul class="slider-main">
          <li class="slider-panel">
              <img src="images/1.jpg">
          </li>
          <li class="slider-panel">
              <img src="images/2.jpg">
          </li>
          <li class="slider-panel">
              <img src="images/3.jpg">
          </li>
          <li class="slider-panel">
              <img src="images/4.jpg">       
          </li>
        </ul>
        <div class="slider-nav">
          <ul>
            <li class="slider-item"></li>
            <li class="slider-item"></li>
            <li class="slider-item"></li>
            <li class="slider-item"></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="cnt">
      <ul>
        <li>意淋 - 新不了情</li>
        <li>张信哲 - 爱就一个字</li>
        <li>张学友 - 三分拍</li>
        <li>张学友 - 夕阳醉了</li>
        <li>张盈 - 小丑</li>
        <li>庄心妍 - 一万个舍不得 (爵士版)</li>
        <li>蔡淳佳 - 南屏晚钟</li>
        <li>蔡淳佳 - 雨天</li>
        <li>蔡健雅 - 别找我麻烦</li>
        <li>陈一发儿 - 走马</li>
      </ul>
    </div>
    <div id="bottombar">
        <div id="bottombarcnt">
        <div class="left">
            <div class="renxiang"><img src="" id="renxiang" /></div>
                <div class="geming" id="geming"></div>
        </div>
        <div class="right">
            <div><img src="images/暂停.png" id="cbtn" /></div>
            <div><img src="images/下一首.png" id="nbtn" /></div>
            <div><img src="images/下载.png" id="dbtn"/></div>
        </div>
      </div>
  </div>
</body>

</html>